<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>视享票票通</title>
        <link href="css/header.css" rel="stylesheet">
        <link href="css/index.css" rel="stylesheet">
        <link href="css/footer.css" rel="stylesheet">
        <link rel="stylesheet" href="dist/layui/css/layui.css"  media="all">
        <link rel="icon" type="images/x-icon" href="images/icon.png" >
    </head>
    <body>
        <!--========= 1.上方导航栏 ====-->
        <div class="index-header">
            <div class="header-logo"><a href="#" class="logo"></a></div>
            <div class="header-nav">
                <ul>
                    <li class="checked"><a href="index.html" class="">首页</a></li>
                    <li><a href="films/films.html" class="">电影</a></li>
                    <li><a href="cinema/detail.html" class="">影院</a></li>
                    <li><a href="border/border.html" class="">榜单</a></li>
                    <li><a href="border/address.html" class="address">地区</a></li>
                </ul>
            </div>
            <div class="header-search">
                <form action="" class="search-form">
                    <input type="text" class="keyword" placeholder="电影/影院 搜你所想">
                    <a href="" class="search-btn"></a>
                </form>
                <div class="head-login">
                    <a href="customer/login.html" class="login-btn">&nbsp;&nbsp;&nbsp;&nbsp;登录</a>
                </div>
            </div>

        </div>
        <div class="head-wait"></div>
        <!--========= 2.图片滚动 =========-->
        <div class="layui-carousel" id="test10">
            <div carousel-item="">
                <div><img src="/images/index/big-banner1.png"></div>
                <div><img src="/images/index/big-banner2.png"></div>
                <div><img src="/images/index/big-banner3.png"></div>
                <div><img src="/images/index/big-banner4.png"></div>
                <div><img src="/images/index/big-banner5.png"></div>
                <div><img src="/images/index/big-banner6.png"></div>

            </div>
        </div>
        <!--========= 3.中间内容部分 =========-->
        <div class="main">

            <!--左边电影列表-->
            <div class="left-films">
                <!--正在热映-->
                <div class="film-type">
                    <div class="a-div checked"><a href="" class="type-switch">正在热映</a></div>
                </div>
                <!--电影列表-->
                <div class="film-list">
                    <ul>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie2.jpg"></a>
                            </div>
                            <a href=""><span>关于我妈的一切</span></a>
                            <span>9.2</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie3.jpg"></a>
                            </div>
                            <a href=""><span>我和我的父辈</span></a>
                            <span>9.6</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie4.jpg"></a>
                            </div>
                            <a href=""><span>长津湖</span></a>
                            <span>9.4</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie5.jpg"></a>
                            </div>
                            <a href=""><span>1950他们正年轻</span></a>
                            <span>9.6</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie6.jpg"></a>
                            </div>
                            <a href=""><span>中国医生</span></a>
                            <span>9.4</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie7.jpg"></a>
                            </div>
                            <a href=""><span>失控玩家</span></a>
                            <span>9.0</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie8.jpg"></a>
                            </div>
                            <a href=""><span>白蛇2:青蛇劫起</span></a>
                            <span>9.1</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie9.jpg"></a>
                            </div>
                            <a href=""><span>明日之战</span></a>
                            <span>8.6</span>
                        </li>
                        <!--<li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie10.jpg"></a>
                            </div>
                            <a href=""><span>我的青春有个你</span></a>
                            <span>7.9</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie11.jpg"></a>
                            </div>
                            <a href=""><span>盛夏未来</span></a>
                            <span>9.1</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie12.jpg"></a>
                            </div>
                            <a href=""><span>妈妈的神奇小子</span></a>
                            <span>9.2</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie1.jpg"></a>
                            </div>
                            <a href=""><span>陪你很久很久</span></a>
                            <span>8.2</span>
                        </li>-->

                    </ul>
                </div>
                <!--更多电影-->
                <div class="more-films">
                    <a href="films/films.html" class="more-btn">&nbsp;&nbsp;查看更多＞&nbsp;&nbsp;</a>
                </div>

                <!--即将上映-->
                <div class="film-type">
                    <!--<div class="a-div checked"><a href="" class="type-switch">正在热映</a></div>-->
                    <div class="b-div checked"><a href="" class="type-switch">即将上映</a></div>
                </div>
                <!--电影列表-->
                <div class="film-list2">
                    <ul>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie10.jpg"></a>
                            </div>
                            <a href=""><span>我的青春有个你</span></a>
                            <span>9月31日上映</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie11.jpg"></a>
                            </div>
                            <a href=""><span>盛夏未来</span></a>
                            <span>9月31日上映</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie12.jpg"></a>
                            </div>
                            <a href=""><span>妈妈的神奇小子</span></a>
                            <span>9月31日上映</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie1.jpg"></a>
                            </div>
                            <a href=""><span>陪你很久很久</span></a>
                            <span>9月31日上映</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie3.jpg"></a>
                            </div>
                            <a href=""><span>我和我的父辈</span></a>
                            <span>9月31日上映</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie4.jpg"></a>
                            </div>
                            <a href=""><span>长津湖</span></a>
                            <span>9月31日上映</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie6.jpg"></a>
                            </div>
                            <a href=""><span>中国医生</span></a>
                            <span>9月31日上映</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie8.jpg"></a>
                            </div>
                            <a href=""><span>白蛇2:青蛇劫起</span></a>
                            <span>9月31日上映</span>
                        </li>


                    </ul>
                </div>
                <!--更多电影-->
                <div class="more-films">
                    <a href="films/films.html" class="more-btn">&nbsp;&nbsp;查看更多＞&nbsp;&nbsp;</a>
                </div>


                <!--为你推荐-->
                <div class="film-type">
                    <!--<div class="a-div checked"><a href="" class="type-switch">正在热映</a></div>-->
                    <div class="b-div checked"><a href="" class="type-switch">为你推荐</a></div>
                </div>
                <!--电影列表-->
                <div class="film-list">
                    <ul>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie8.jpg"></a>
                            </div>
                            <a href=""><span>白蛇2:青蛇劫起</span></a>
                            <span>9.1</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie9.jpg"></a>
                            </div>
                            <a href=""><span>明日之战</span></a>
                            <span>8.6</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie10.jpg"></a>
                            </div>
                            <a href=""><span>我的青春有个你</span></a>
                            <span>8.9</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie11.jpg"></a>
                            </div>
                            <a href=""><span>盛夏未来</span></a>
                            <span>8.6</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie12.jpg"></a>
                            </div>
                            <a href=""><span>妈妈的神奇小子</span></a>
                            <span>9.1</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie1.jpg"></a>
                            </div>
                            <a href=""><span>陪你很久很久</span></a>
                            <span>9.2</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie3.jpg"></a>
                            </div>
                            <a href=""><span>我和我的父辈</span></a>
                            <span>9.4</span>
                        </li>
                        <li>
                            <div class="movie">
                                <a href=""><img src="../images/films/movie4.jpg"></a>
                            </div>
                            <a href=""><span>长津湖</span></a>
                            <span>9.6</span>
                        </li>

                    </ul>
                </div>
                <!--换一换-->
                <div class="more-films">
                    <a href="films/films.html" class="more-btn">&nbsp;&nbsp;更多相似＞&nbsp;&nbsp;</a>
                </div>
            </div>
            <!--右边票房、Top 100、热点消息-->
            <div class="right-info">
                <br/>
                <div class="top-head">
                    <h2>今日票房</h2>
                    <a href="border/border_ticket.html" class="list-detail">查看更多信息＞</a>
                </div>
                <div class="ticket-list1">
                    <ul>
                        <li><a href="#" class="ticket-film"><span class="ticket-no">1</span><span>&nbsp;&nbsp;</span><div class="film-name">峰爆</div><span class="ticket-number">2162.94</span><span class="wan">万</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no">2</span><span>&nbsp;&nbsp;</span><div class="film-name">怒火·重案</div><span class="ticket-number">573.63</span><span class="wan">万</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no">3</span><span>&nbsp;&nbsp;</span><div class="film-name">失控玩家</div><span class="ticket-number">432.89</span><span class="wan">万</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no">4</span><span>&nbsp;&nbsp;</span><div class="film-name">明日之战</div><span class="ticket-number">145.71</span><span class="wan">万</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no">5</span><span>&nbsp;&nbsp;</span><div class="film-name">陪你很久很久</div><span class="ticket-number">96.70</span><span class="wan">万</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no">6</span><span>&nbsp;&nbsp;</span><div class="film-name">宝可梦：皮卡丘和可可的冒险</div><span class="ticket-number">38.35</span><span class="wan">万</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no">7</span><span>&nbsp;&nbsp;</span><div class="film-name">1950他们正年轻</div><span class="ticket-number">36.10</span><span class="wan">万</span></a></li>
                    </ul>
                </div>
                <br/>
                <br/>
                <div class="top-head">
                    <h2>电影热点</h2>
                    <a href="border/border_hot.html" class="list-detail">查看更多热点＞</a>
                </div>
                <div class="gags-list">
                    <ul>
                        <li>
                            <img src="images/index/index-hot5.png">
                            <div class="gags-li">
                                <a href="#">《长津湖》为北影节震撼开幕 全球首场放映引爆如潮好评</a>
                            </div>
                        </li>
                        <li>
                            <img src="images/index/index-hot2.png">
                            <div class="gags-li">
                                <a href="#">《不死鸟之恋》：撕逼是挽救爱情的后悔药！</a>
                            </div>
                        </li>
                        <li>
                            <img src="images/index/index-hot3.png">
                            <div class="gags-li">
                                <a href="#">《宝可梦：皮卡丘和可可的冒险》口碑制霸票房逆袭助力中秋档</a>
                            </div>
                        </li>
                        <li>
                            <img src="images/index/index-hot6.png">
                            <div class="gags-li">
                                <a href="#">中秋档唯一喜剧《日常幻想指南》曝彩蛋林更新“本色出演”成热梗</a>
                            </div>
                        </li>
                        <li>
                            <img src="images/index/index-hot4.png">
                            <div class="gags-li">
                                <a href="#">《一直游到海水变蓝》阿那亚特别放映 上映首日高上座率成绩亮眼</a>
                            </div>
                        </li>
                        <!--<li>
                            <img src="images/index/index-hot1.png">
                            <div class="gags-li">
                                <a href="">首部霸王龙电影《我是霸王龙》恐龙集结，伴你同行！</a>
                            </div>
                        </li> -->

                    </ul>
                </div>
                <br/>
                <div class="top-head">
                    <h2>Top 100</h2>
                    <a href="border/border_top100.html" class="list-detail">查看完整榜单＞</a>
                </div>
                <div class="ticket-list">
                    <ul>
                        <li><a href="#" class="ticket-film"><span class="ticket-no1"><i><b>1</b></i></span><span>&nbsp;&nbsp;</span><div class="film-name">我不是药神</div><span class="ticket-number">9.6</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no2"><i>2</i></span><span>&nbsp;&nbsp;</span><div class="film-name">肖申克的救赎</div><span class="ticket-number">9.5</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no3"><i>3</i></span><span>&nbsp;&nbsp;</span><div class="film-name">绿皮书</div><span class="ticket-number">9.5</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>4</i></span><span>&nbsp;&nbsp;</span><div class="film-name">海上钢琴师</div><span class="ticket-number">9.3</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>5</i></span><span>&nbsp;&nbsp;</span><div class="film-name">霸王别姬</div><span class="ticket-number">9.4</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>6</i></span><span>&nbsp;&nbsp;</span><div class="film-name">小偷家族</div><span class="ticket-number">8.1</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>7</i></span><span>&nbsp;&nbsp;</span><div class="film-name">哪吒之魔童降世</div><span class="ticket-number">9.6</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>8</i></span><span>&nbsp;&nbsp;</span><div class="film-name">美丽人生</div><span class="ticket-number">9.3</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>9</i></span><span>&nbsp;&nbsp;</span><div class="film-name">这个杀手不太冷</div><span class="ticket-number">9.4</span><span class="wan">分</span></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no10"><i>10</i></span><span>&nbsp;&nbsp;</span><div class="film-name">盗梦空间</div><span class="ticket-number">9.0</span><span class="wan">分</span></a></li>
                    </ul>
                </div>
                <div class="top-head">
                    <h2>热门影人</h2>
                    <a href="" class="list-detail">查看更多影人＞</a>
                </div>
                <div class="ticket-list">
                    <ul>
                        <li><a href="#" class="ticket-film"><span class="ticket-no1"><i><b>1</b></i></span><span>&nbsp;&nbsp;</span><div class="film-name">焦俊艳</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no2"><i>2</i></span><span>&nbsp;&nbsp;</span><div class="film-name">张子枫</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no3"><i>3</i></span><span>&nbsp;&nbsp;</span><div class="film-name">朱一龙</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>4</i></span><span>&nbsp;&nbsp;</span><div class="film-name">范伟</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>5</i></span><span>&nbsp;&nbsp;</span><div class="film-name">谢霆锋</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>6</i></span><span>&nbsp;&nbsp;</span><div class="film-name">甄子丹</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>7</i></span><span>&nbsp;&nbsp;</span><div class="film-name">李晨</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>8</i></span><span>&nbsp;&nbsp;</span><div class="film-name">张雨绮</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no"><i>9</i></span><span>&nbsp;&nbsp;</span><div class="film-name">易烊千玺</div></a></li>
                        <li><a href="#" class="ticket-film"><span class="ticket-no10"><i>10</i></span><span>&nbsp;&nbsp;</span><div class="film-name">徐峥</div></a></li>
                    </ul>
                </div>
            </div>


        </div>
        <!--========== 4.底部脚注 =============-->
        <div class="index-footer">
            <div class="footer-head"></div>
            <div class="footer-main">
                <p>关于视享票票通：&nbsp;关于我们<span>&nbsp;|&nbsp;</span> 管理团队 <span>&nbsp;|&nbsp;</span> 投资者关系
                    &nbsp;&nbsp;友情链接 :&nbsp;&nbsp; 支付宝 </p>
                <p>
                    商务合作邮箱：1137750012@qq.com &nbsp;
                    客服电话：62170010 &nbsp;
                    违法和不良信息/涉未成年人有害信息举报电话：4006018900
                </p>
                <p>
                    用户举报/涉未成年人有害信息举报邮箱：tousujubao@shixiang.com&nbsp;
                    舞弊线索举报邮箱：wubijubao@shixiang.com
                </p>
                <p>视享票票通用户服务协议<span>&nbsp;|&nbsp;</span>使用手册<span>&nbsp;|&nbsp;</span>隐私政策</p>
                <p>驰星视享文化传媒有限公司</p>
                <p>©&nbsp;2021&nbsp;视享票票通&nbsp;shixiang.com</p>
            </div>
        </div>
        <script src="js/header.js"></script>
        <script src="dist/layui/layui.js" charset="utf-8"></script>
        <script>
            layui.use(['carousel', 'form'], function(){
                var carousel = layui.carousel
                    ,form = layui.form;

                //图片轮播
                carousel.render({
                    elem: '#test10'
                    ,width: '100%'
                    ,height: '480px'
                    ,interval: 5000
                });

            });
        </script>
    </body>
</html>